<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <title>Server is having issues...</title>

  	<style type="text/css">
  	
    	body {
        margin: 0;
        text-align: center;
        font: 1em/1.3em "Lucida Grande", Arial, Arial, sans-serif; 
        background-color: #efefef ;
      }
    

    	div.outer {
    	  font-size: 75%;
        margin: 50px auto;
    		width: 600px;
    		height: 600px;
    	}
	
    	.dialog { 
    	  padding: 0;
    	  background-color: white;
    	  border-top: 1px solid #ddd;
    	  border-right: 1px solid #ccc;
    	  border-left: 1px solid #ddd;
    	  border-bottom: 1px solid #ccc;
    	}
    	
    	h1 {
    	  font-size: 100%;
    	  background: #000;
    	  color: white;
    	  margin: 0;
    	  padding: 5px 10px;
    	}
    	
    	h1 span {
	      float: right;
				font-size: 75%;
    	  color: #666;
    	}
    	
    	.block {
    	  text-align: center; 
    	  width: 480px; 
    	  margin: 0 auto;
    	  margin-top: 2em;
    	}
    	
  	</style>

</head>

<body>
<div class="outer">

		<div class="dialog" style="text-align: center;">
			<h1><span>500</span> Server error</h1>
			<div class="block">
    	  <h2>We're on it.</h2>
    	  <p>Please try again later!</p>
    	  
      </div>

  	  <div class="block">
        <p>Back to <a href="#" onClick="history.back(); return false;">previous page</a> | <a href="http://forums.shopify.com/">Shopify Forum</a></p>
   	  </div>

	 </div>
</div>
</body>
</html>
